@import 'base';
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td {
    margin: 0;
    padding: 0;
    border-width: 0;
}

body,button,input,select,textarea {
    font: 600 #{$base_fontSize}/1.5 #{$base_fontFamily};
}

a {
  text-decoration: none;
  background-color: transparent;

    &:hover,
    &:active {
        outline-width: 0;
        text-decoration: none;
    }
}

ul,ol {
    list-style: none;
}

address,cite,dfn,em,i,var {
    font-style: normal;
}

code,kbd,pre,samp {
    font-family: courier new, courier, monospace;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

legend {
    color: #000;
}

fieldset,img {
    border-width: 0;
}

img:not([src]) {
    display: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.clearfix{
    *zoom: 1;

    &:after {
        visibility: hidden;
        display: block;
        height: 0;
        font-size: 0;
        content:" ";
        clear: both;
    }
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3){
    body {
        padding-top: 20px;
        padding-top: constant(safe-area-inset-top);
        padding-bottom: 44px;
        padding-bottom: constant(safe-area-inset-bottom);
    }
}